<script>

    function lr(act){

        location.href='/index/users/'+act+'.html';
    }
    function logout(){

        $.post('{:url("users/logout")}',{},function (res){
            if (res.code == 1) {
                layer.msg(res.msg,{time: 2000,}, function () {
                    layer.closeAll();//疯狂模式，关闭所有层
                    location.href=res.url;
                })
            } else {
                layer.msg(res.msg);
                return;
            }

        },'json')
    }
</script>


<div class="deal-content" style="height:500px;background-image:url('{$site.user_img}')">
    <div class="user-content">
        <div class="user-avatar">
            {if $user.avatar}
            <svg xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" width="60" height="60" viewBox="0 0 60 60" fill="none">
                <g opacity="0.2">
                    <path d="M6.25465 52.7889C6.25465 53.3196 6.69759 53.7499 7.24402 53.7499L52.7529 53.75C53.2993 53.75 53.7423 53.3198 53.7423 52.7891L53.7423 51.6414C53.765 51.2955 53.8113 49.5694 52.6735 47.6611C51.956 46.4579 50.9148 45.4184 49.5785 44.5716C47.962 43.5472 45.9056 42.805 43.4184 42.3581C43.4 42.3558 41.5558 42.1112 39.6664 41.6287C36.3763 40.7884 36.0886 40.0446 36.0868 40.0374C36.0674 39.9639 36.0394 39.8932 36.0035 39.8269C35.9766 39.6881 35.9101 39.166 36.0373 37.767C36.36 34.2137 38.266 32.1137 39.7975 30.4265C40.2805 29.8944 40.7366 29.3917 41.088 28.8989C42.6034 26.7726 42.744 24.3549 42.7504 24.205C42.7504 23.9014 42.7155 23.6517 42.6409 23.4204C42.4921 22.9574 42.2123 22.6689 42.0079 22.4583L42.0065 22.4567C41.955 22.4037 41.9064 22.3535 41.8666 22.3074C41.8515 22.2897 41.8113 22.2431 41.8479 22.0037C41.9824 21.1226 42.0631 20.3849 42.1019 19.682C42.1709 18.4297 42.2248 16.557 41.9018 14.7344C41.8619 14.4231 41.7934 14.0944 41.6868 13.7027C41.3455 12.4477 40.7973 11.3746 40.0355 10.489C39.9045 10.3465 36.7195 6.991 27.4735 6.30251C26.195 6.20732 24.9311 6.2586 23.687 6.32219C23.3871 6.33701 22.9765 6.35736 22.5923 6.45692C21.6376 6.70421 21.3829 7.30929 21.316 7.64792C21.2051 8.20885 21.4 8.64519 21.5289 8.93397C21.5476 8.97584 21.5708 9.02766 21.5304 9.16246C21.3158 9.49485 20.9781 9.79451 20.6339 10.0784C20.5344 10.163 18.2159 12.1621 18.0884 14.7736C17.7446 16.7597 17.7706 19.8542 18.1771 21.993C18.2008 22.1111 18.2356 22.286 18.179 22.4041C17.7419 22.7959 17.2464 23.2399 17.2476 24.253C17.2529 24.3549 17.3935 26.7726 18.909 28.8989C19.26 29.3914 19.7158 29.8936 20.1984 30.4254L20.1995 30.4265C21.731 32.1137 23.6369 34.2137 23.9598 37.7669C24.0868 39.1659 24.0203 39.6881 23.9934 39.8267C23.9575 39.8931 23.9295 39.9637 23.9103 40.0372C23.9083 40.0445 23.6218 40.7859 20.3465 41.6245C18.457 42.1084 16.5969 42.3556 16.5414 42.3636C14.1243 42.7716 12.0805 43.4954 10.4669 44.5144C9.13517 45.3555 8.09193 46.3969 7.36612 47.6096C6.20647 49.5474 6.23782 51.3121 6.25465 51.6343L6.25465 52.7889Z"  style="mix-blend-mode:normal" fill="#2D4761" >
                    </path>
                </g>
            </svg>
            {else}
            <svg xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" width="60" height="60" viewBox="0 0 60 60" fill="none">
                <g opacity="0.2">
                    <path d="M6.25465 52.7889C6.25465 53.3196 6.69759 53.7499 7.24402 53.7499L52.7529 53.75C53.2993 53.75 53.7423 53.3198 53.7423 52.7891L53.7423 51.6414C53.765 51.2955 53.8113 49.5694 52.6735 47.6611C51.956 46.4579 50.9148 45.4184 49.5785 44.5716C47.962 43.5472 45.9056 42.805 43.4184 42.3581C43.4 42.3558 41.5558 42.1112 39.6664 41.6287C36.3763 40.7884 36.0886 40.0446 36.0868 40.0374C36.0674 39.9639 36.0394 39.8932 36.0035 39.8269C35.9766 39.6881 35.9101 39.166 36.0373 37.767C36.36 34.2137 38.266 32.1137 39.7975 30.4265C40.2805 29.8944 40.7366 29.3917 41.088 28.8989C42.6034 26.7726 42.744 24.3549 42.7504 24.205C42.7504 23.9014 42.7155 23.6517 42.6409 23.4204C42.4921 22.9574 42.2123 22.6689 42.0079 22.4583L42.0065 22.4567C41.955 22.4037 41.9064 22.3535 41.8666 22.3074C41.8515 22.2897 41.8113 22.2431 41.8479 22.0037C41.9824 21.1226 42.0631 20.3849 42.1019 19.682C42.1709 18.4297 42.2248 16.557 41.9018 14.7344C41.8619 14.4231 41.7934 14.0944 41.6868 13.7027C41.3455 12.4477 40.7973 11.3746 40.0355 10.489C39.9045 10.3465 36.7195 6.991 27.4735 6.30251C26.195 6.20732 24.9311 6.2586 23.687 6.32219C23.3871 6.33701 22.9765 6.35736 22.5923 6.45692C21.6376 6.70421 21.3829 7.30929 21.316 7.64792C21.2051 8.20885 21.4 8.64519 21.5289 8.93397C21.5476 8.97584 21.5708 9.02766 21.5304 9.16246C21.3158 9.49485 20.9781 9.79451 20.6339 10.0784C20.5344 10.163 18.2159 12.1621 18.0884 14.7736C17.7446 16.7597 17.7706 19.8542 18.1771 21.993C18.2008 22.1111 18.2356 22.286 18.179 22.4041C17.7419 22.7959 17.2464 23.2399 17.2476 24.253C17.2529 24.3549 17.3935 26.7726 18.909 28.8989C19.26 29.3914 19.7158 29.8936 20.1984 30.4254L20.1995 30.4265C21.731 32.1137 23.6369 34.2137 23.9598 37.7669C24.0868 39.1659 24.0203 39.6881 23.9934 39.8267C23.9575 39.8931 23.9295 39.9637 23.9103 40.0372C23.9083 40.0445 23.6218 40.7859 20.3465 41.6245C18.457 42.1084 16.5969 42.3556 16.5414 42.3636C14.1243 42.7716 12.0805 43.4954 10.4669 44.5144C9.13517 45.3555 8.09193 46.3969 7.36612 47.6096C6.20647 49.5474 6.23782 51.3121 6.25465 51.6343L6.25465 52.7889Z"  style="mix-blend-mode:normal" fill="#2D4761" >
                    </path>
                </g>
            </svg>
            {/if}

        </div>
        <div class="user-name">{$user.nickname}</div>
        <div class="loginout" onclick="logout()">退出登录</div>
    </div>
</div>
<div class="boxall">
    <div class="box1">
        <div class="box2">
            <div class="box3 {if $act=='index'}box3active {/if} "  onclick="lr('index')">个人资料</div>
            <div class="box3 {if $act=='mylt'}box3active {/if} "  onclick="lr('mylt')">我的论坛</div>
            <div class="box3  {if $act=='msg'}box3active{/if} {if $msgcount >0} box3activerond {/if}"  onclick="lr('msg')">我的消息</div>
            <div class="box3 {if $act=='comment'}box3active {/if} "  onclick="lr('comment')">我的评论</div>
            <div class="box3 {if $act=='flow'}box3active {/if} "  onclick="lr('flow')">我的关注</div>
            <div class="box3 {if $act=='kecheng'}box3active {/if} "  onclick="lr('kecheng')">我的课程</div>
        </div>
        <div class="box3p">
            {if $act=='index'}基础信息{/if}
            {if $act=='mylt'}我的论坛{/if}
            {if $act=='msg'}我的消息{/if}
            {if $act=='comment'}我的评论{/if}
            {if $act=='flow'}我的关注{/if}
            {if $act=='kecheng'}我的课程{/if}

        </div>
    </div>



    <style>
        .newlist{
            margin-bottom: 50px;
        }
        .newBottom{
            /** 文本1 */
            font-size: 18px;
            font-weight: 400;
            letter-spacing: 0px;
            line-height: 34px;
            color: rgba(0, 0, 0, 1);
            vertical-align: top;
            margin-top: 20px;
            width: 1120px;
            white-space: wrap;
            word-break: break-all;
        }
        .newdelete{
            margin-left: 50px;
        }
        .newread{
            width: 58px;
            height: 30px;
            opacity: 1;
            background: rgba(0, 0, 0, 1);
            /** 文本1 */
            font-size: 16px;
            font-weight: 400;
            letter-spacing: 0px;
            line-height: 30px;
            color: rgba(255, 255, 255, 1);
            text-align: center;
            vertical-align: middle
        }
        .read{
            width: 58px;
            height: 30px;
            opacity: 1;
            background: rgba(235, 238, 241, 1);
            /** 文本1 */
            font-size: 16px;
            font-weight: 400;
            letter-spacing: 0px;
            line-height: 30px;
            color: rgba(75, 98, 116, 1);
            text-align: center;
            vertical-align: middle;
        }
        .newtime{
            font-size: 16px;
            font-weight: 400;
            letter-spacing: 0px;
            line-height: 22.4px;
            color: rgba(75, 98, 116, 1);
            vertical-align: middle;
        }
        .newnameText{
            /** 文本1 */
            font-size: 20px;
            font-weight: 600;
            letter-spacing: 0px;
            line-height: 28px;
            color: rgba(0, 0, 0, 1);
            vertical-align: middle;
        }
        .new{
            display: flex;
            align-items: center;
            justify-content: flex-start;
        }
        .newimg{
            width: 56px;
            height: 56px;
            opacity: 1;
            background: rgba(235, 238, 241, 1);
            display: flex;
            align-items: center;
            justify-content: center;
        }
        .newname{
            margin-left: 28px;
            width: 900px;
            padding-right: 30px;
        }
        /* 标准写法 */
        input::placeholder {
            color: rgba(0, 0, 0, 1);
            font-size: 20px;
        }

        input:focus {
            outline: none;
            border: 0; /* 或者修改边框颜色 */
        }

        input::selection,
        textarea::selection {
            background-color: #3d3d3d; /* 主色调背景 */
            color: white; /* 白色文字 */
        }

        .boxall {
            width: 100%;
            background: rgba(235, 238, 241, 1);
            padding-top: 50px;
        }

        .box1 {
            width: 1200px;
            height: 164px;
            background: rgba(255, 255, 255, 1);
            margin: 0 auto;
        }

        .box2 {
            width: 1200px;
            height: 82px;
            border-bottom: 1px solid rgba(198, 213, 225, 1);
            display: flex;
            align-items: center;
            justify-content: space-around;
        }

        .box3 {
            font-size: 20px;
            font-weight: 400;
            letter-spacing: 0px;
            line-height: 28px;
            color: rgba(75, 98, 116, 1);
            text-align: center;
            vertical-align: middle;
            cursor: pointer;
        }

        .box3p {
            /** 文本1 */
            font-size: 18px;
            font-weight: 600;
            letter-spacing: 0px;
            line-height: 82px;
            color: rgba(0, 0, 0, 1);
            vertical-align: middle;
            margin-left: 60px;
        }

        .box4 {
            width: 1200px;
            height: 626px;
            opacity: 1;
            background: rgba(255, 255, 255, 1);
            margin: 20px auto 0 auto;
            display: flex;
            align-items: center;
            justify-content: center;
            padding: 48px 30px;
        }

        .box4s {
            width: 1200px;
            background: rgba(255, 255, 255, 1);
            margin: 20px auto 0 auto;
            padding: 48px 30px;
        }

        .box5 {
            display: flex;
            align-items: center;
            justify-content: flex-start;
            margin-bottom: 30px;
        }

        .box5p {
            font-size: 20px;
            font-weight: 400;
            letter-spacing: 0px;
            line-height: 28px;
            color: rgba(75, 98, 116, 1);
            vertical-align: middle;
            margin-left: 23px;
        }

        .box5ip {
            width: 363px;
            border-bottom: 1px solid rgba(198, 213, 225, 1);
            display: flex;
            justify-content: space-between;
            align-items: center;
            margin-left: 50px;
        }

        .box5input {
            border: 0;
            width: 300px;
            border: 0;
            height: 70px;
            /** 文本1 */
            font-size: 20px;
            font-weight: 600;
            letter-spacing: 0px;
            line-height: 28px;
            color: rgba(0, 0, 0, 1);
            vertical-align: middle;
        }

        .box3active {
            font-size: 20px;
            font-weight: 600;
            letter-spacing: 0px;
            line-height: 28px;
            color: rgba(0, 0, 0, 1) !important;
            text-align: center;
            vertical-align: middle;
            position: relative;
        }
        .box3activerond::before{
            margin-left: 34px;
            content: '';
            display: block;
            width: 12px;
            height: 12px;
            opacity: 1;
            border-radius: 50%;
            background:#000;
            border: 2px solid #FFFFFF;
            position: absolute;
            top:-3px;
            left: 50%;
        }
        .box3active::after {
            margin-left: -12px;
            content: '';
            display: block;
            width: 24px;
            height: 3px;
            background: rgba(0, 0, 0, 1);
            position: absolute;
            bottom: -28px;
            left: 50%;
        }

        .user-content {
            width: 1200px;
            display: flex;
            align-items: center;
            justify-content: flex-start;
            margin-top: 250px;
        }

        .user-avatar {
            width: 120px;
            height: 120px;
            background: rgba(235, 238, 241, 1);
            display: flex;
            align-items: center;
            justify-content: center;

        }

        .loginout {
            width: 176px;
            height: 70px;
            opacity: 1;
            border-radius: 70px;
            background: rgba(255, 255, 255, 1);
            /** 文本1 */
            font-size: 20px;
            font-weight: 600;
            letter-spacing: 0px;
            line-height: 70px;
            color: rgba(5, 3, 3, 1);
            text-align: center;
            vertical-align: middle;
            cursor: pointer;
        }

        .user-name {
            margin-left: 50px;
            /** 文本1 */
            font-size: 32px;
            font-weight: 600;
            letter-spacing: 0px;
            line-height: 44.8px;
            color: rgba(255, 255, 255, 1);
            vertical-align: middle;
            width: 860px;
        }
        .botx4None{
            /** 文本1 */
            font-size: 20px;
            font-weight: 400;
            letter-spacing: 0px;
            line-height: 28px;
            color: rgba(75, 98, 116, 1);
            text-align: center;
            vertical-align: middle;
            margin-top: -35px;
        }
    </style>